@charset "UTF-8";
@media screen and (min-width: 1024px) {
::-webkit-scrollbar {width: 4px;background-color: #f0f0f0;}
::-webkit-scrollbar-thumb {background-color: #2d83c2;}}
@media screen and (max-width: 1600px) {
.box-container {width: 1366px;}
.header-wrapper .box-container {height: 100px;}
.header-wrapper .language,
.header-wrapper .search {height: 100px;}
.header-wrapper .language .caption {line-height: 100px;}
.search-form {top: 100px;}
}
@media screen and (max-width: 1440px) {
.header-wrapper .box-container {height: 90px;}
.header-wrapper .language,
.header-wrapper .search {height: 90px;}
.header-wrapper .language .caption {line-height: 90px;}
.search-form {top: 90px;}
.page-nav-wrapper .box-container {height: 70px;}
.page-nav-wrapper .nav > a {line-height: 70px;}
.page-box {padding: 80px 0;}}
@media screen and (max-width: 1366px) {
.box-container {width: 1240px;}
.header-wrapper .box-container {height: 86px;}
.header-wrapper .language,
.header-wrapper .search {height: 86px;}
.header-wrapper .language .caption {line-height: 86px;}
.search-form {top: 86px;}
.page-nav-wrapper .nav > a {font-size: 15px;}}
@media screen and (max-width: 1300px) {
.box-container {width: 1240px;}}
@media screen and (max-width: 1280px) {
.box-container {width: 1160px;}}
@media screen and (max-width: 1220px) {
.box-container {width: 1120px;}}
@media screen and (max-width: 1140px) {
.box-container {width: 970px;}}
@media screen and (max-width: 1200px) {
.box-container,
.w1200 {width: 100%;padding: 0 15px;}
.hidden-xs {display: none;}
.hidden-pc {display: block;}
.nav-icon {font-size: 0;width: 36px;height: 36px;position: relative;background-color: #2d83c2;margin-left: 15px;border-radius: 50%;}
.nav-icon.on span:nth-child(1) {transform: rotate(45deg);margin: 0;transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;}
.nav-icon.on span:nth-child(2) {opacity: 0;}
.nav-icon.on span:nth-child(3) {transform: rotate(-45deg);margin: 0;transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;}
.nav-icon span {display: inline-block;width: 16px;height: 2px;background: #fff;position: absolute;left: 10px;top: 16px;z-index: 10;transform-origin: center center;transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;}
.nav-icon span:nth-child(1) {margin-top: -5px;}
.nav-icon span:nth-child(2) {margin-top: 0;}
.nav-icon span:nth-child(3) {margin-top: 5px;}
.header{ height: 60px;}
.phone-nav {width: 100%;height: 100vh;position: fixed;right: 0;top: 60px;background: #fff;z-index: 99501;overflow: auto;border-top: 1px solid #f2f2f2;}
.phone-nav.height ul {max-height: 0;opacity: 0;visibility: hidden;}
.phone-nav ul {width: 100%;margin: 0 auto;position: relative;max-height: calc(100% - 140px);overflow-y: auto;overflow-x: hidden;transition: max-height 0.8s ease;-webkit-transition: max-height 0.8s ease;-moz-transition: max-height 0.8s ease;-ms-transition: max-height 0.8s ease;-o-transition: max-height 0.8s ease;}
.phone-nav ul::-webkit-scrollbar {width: 4px;}
.phone-nav ul::-webkit-scrollbar-track {background-color: #eaeaea;}
.phone-nav ul::-webkit-scrollbar-thumb {background-color: #2d83c2;}
.phone-nav ul li {position: relative;}
.phone-nav ul li.active .cat {color: #2d83c2;}
.phone-nav ul li.active .cat:before,
.phone-nav ul li.active .cat:after {background: #2d83c2;}
.phone-nav ul li.active .cat:before {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
.phone-nav ul li > a {position: relative;display: block;font-size: 16px;color: #333;line-height: 48px;padding: 0 15px;border-bottom: 1px solid #f2f2f2;}
.phone-nav ul li .cat:before,
.phone-nav ul li .cat:after {content: "";display: inline-block;background: #2d83c2;position: absolute;z-index: 10;}
.phone-nav ul li .cat:before {width: 3px;height: 13px;right: 20px;top: 18px;transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;}
.phone-nav ul li .cat:after {width: 13px;height: 3px;right: 15px;top: 23px;}
.phone-nav ul li.on > a {color: #2d83c2;}
.phone-nav .subTitle2 {color: #666; position: relative; line-height: 38px; border-bottom: 1px solid #eaeaea;  /*background: url(../images/plus.png) no-repeat;*/}
.phone-nav .subbox2 {display: none;font-size: 15px;}
.phone-nav .subbox2 a{ line-height: 38px; font-size: 15px; }
.phone-nav ul li dl dt.menuact2 {color: #2d83c2;}
.phone-nav ul li dl dt.menuact2 .subTitle2 {color: #338dcf;}
.phone-nav ul li dl dt.menuact2:before,
.phone-nav ul li dl dt.menuact2:after {background: #338dcf;}
.phone-nav ul li dl dt.menuact2:before {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
.phone-nav .subTitle1 {color: #666; position: relative; line-height: 43px; border-bottom: 1px solid #f2f2f2;  /*background: url(../images/plus.png) no-repeat;*/}
.phone-nav .subbox1 {display: none;font-size: 15px;}
.phone-nav .subbox1 a{ line-height: 43px; font-size: 15px; }
.phone-nav ul li dl dt.menuact1 {color: #2d83c2;}
.phone-nav ul li dl dt.menuact1 .subTitle1 {color: #338dcf;}
.phone-nav ul li dl dt.menuact1:before,
.phone-nav ul li dl dt.menuact1:after {background: #338dcf;}
.phone-nav ul li dl dt.menuact1:before {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
.phone-nav ul li dl dt:before,
.phone-nav ul li dl dt:after {content: "";display: inline-block;background: #338dcf;position: absolute;z-index: 10;}
.phone-nav ul li dl dt:before {width: 3px;height: 13px;right: 30px;top: 15px;transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;}
.phone-nav ul li dl dt:after {width: 13px;height: 3px;right: 25px;top: 20px;}
.phone-nav ul li .navs {background: #fbfbfb;width: 100%;display: none;}
.phone-nav ul li .navs a {font-size: 15px;display: block;color: #666;padding-left: 0;line-height: 40px;padding: 0 20px;border-bottom: 1px solid #e6e6e6;}
.phone-nav ul li .navs a:last-child {margin-bottom: 0; }
.phone-nav ul li .navs dl{ width:100%; margin: 0 auto;line-height: 48px; border-bottom: 1px solid #f2f2f2;}
.phone-nav ul li .navs dl dt { padding: 0 20px; }
.phone-nav ul li .navs dl dt a {font-size: 15px;display: block;color: #666;padding-left: 0;line-height: 40px; }
.phone-nav ul li .navs dl .subbox1 a{ padding: 0 30px; }
.phone-nav ul li .navs dl .subbox2 a{ padding: 0 40px; }
.phone-nav ul li .navs2 dl dt { padding: 0 30px; }
.header-wrapper {position: fixed;left: 0;top: 0;z-index: 30;background-color: #fff;box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);}
.header-wrapper .box-container {height: 60px;}
.header-wrapper .pc-nav-box {display: none;}
.header-wrapper .search {height: 60px;}
.header-wrapper .search {width: 36px;height: 36px;background: url(../images/search2.png) no-repeat center center;background-size: contain;}
.p_h {width: 100%;height: 60px;}
.search-form {top: 60px;padding: 30px 0;}
.search-form .keywords {line-height: 48px;margin-left: 10px;}
.search-form .close {margin-top: -10px;width: 16px;height: 16px;right: 15px;}
.search-form a img {width: 18px;}
.page-nav-wrapper {position: relative;z-index: 20;padding: 0;height: auto;margin-top: 0;}
.page-nav-wrapper .breadcrumb {display: none;}
.page-nav-wrapper .box-container {height: auto;padding: 0;}
.page-nav-box {width: 100%;background: #f4f4f4;}
.page-nav-box .w1200 {position: relative;height: auto;padding: 0;}
.page-nav-box .intruction-caption {position: relative;display: block;line-height: 50px;padding: 0 15px;background: #2d83c2;color: #fff;}
.page-nav-box .intruction-caption.extend:after {transform: rotateX(180deg);}
.page-nav-box .intruction-caption:after {display: inline-block;position: absolute;right: 15px;top: 0;z-index: 10;content: "";width: 13px;height: 100%;background: url(../images/down.png) no-repeat center center;background-size: contain;}
.page-nav-box .nav {position: absolute;left: 0;top: 100%;z-index: 10;width: 100%;padding: 10px 0;background: #f7f8f9;display: none;}
.page-nav-box .nav a {display: block;width: 100%;text-align: left;line-height: 42px;padding: 0 15px;border-top: 1px solid #f2f2f2;}
.page-nav-box .nav a:first-child {border-top: none;}
.page-nav-box .nav > a.on,
.page-nav-box .nav > a:hover {background: none;}
.page-nav-box .nav > a:after {display: none;}
.page-box {padding: 50px 0;}
.page-box .index-title-box {margin-bottom: 30px;}
.relative-btn {padding-right: 0;}
.relative-btn p {margin-bottom: 4px;}
.relative-btn p a {max-width: 85%;}
.relative-btn p,
.relative-btn p a {font-size: 12px;}
.relative-btn .index-more {position: static;margin-top: 28px;}}
@media screen and (max-width: 768px) {
.header-wrapper .logo-box {width: 20%;}
.header-wrapper .logo-box img{width: 100%;}}
@media screen and (max-width: 668px) {
.header-wrapper .logo-box {width: 25%;}}
@media screen and (max-width: 568px) {
.header-wrapper .logo-box {width: 32%;}}
@media screen and (max-width: 468px) {
.header-wrapper .logo-box {width: 35%;}}


.phone-nav1 {width: 100%;height: 100vh;position: fixed;right: 0;top: 60px;background: #fff;z-index: 99501;overflow: auto;border-top: 1px solid #f2f2f2;}
.phone-nav1.height ul {max-height: 0;opacity: 0;visibility: hidden;}
.phone-nav1 ul {width: 100%;margin: 0 auto;position: relative;max-height: calc(100% - 140px);overflow-y: auto;overflow-x: hidden;transition: max-height 0.8s ease;-webkit-transition: max-height 0.8s ease;-moz-transition: max-height 0.8s ease;-ms-transition: max-height 0.8s ease;-o-transition: max-height 0.8s ease;}
.phone-nav1 ul::-webkit-scrollbar {width: 4px;}
.phone-nav1 ul::-webkit-scrollbar-track {background-color: #eaeaea;}
.phone-nav1 ul::-webkit-scrollbar-thumb {background-color: #2d83c2;}
.phone-nav1 ul li {position: relative;}
.phone-nav1 ul li.active .cat {color: #2d83c2;}
.phone-nav1 ul li.active .cat:before,
.phone-nav1 ul li.active .cat:after {background: #2d83c2;}
.phone-nav1 ul li.active .cat:before {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
.phone-nav1 ul li > a {position: relative;display: block;font-size: 16px;color: #333;line-height: 48px;padding: 0 15px;border-bottom: 1px solid #f2f2f2;}
.phone-nav1 ul li .cat:before,
.phone-nav1 ul li .cat:after {content: "";display: inline-block;background: #2d83c2;position: absolute;z-index: 10;}
.phone-nav1 ul li .cat:before {width: 3px;height: 13px;right: 20px;top: 18px;transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;}
.phone-nav1 ul li .cat:after {width: 13px;height: 3px;right: 15px;top: 23px;}
.phone-nav1 ul li.on > a {color: #2d83c2;}
.phone-nav1 .subTitle2 {color: #666; position: relative; line-height: 38px; border-bottom: 1px solid #eaeaea;  /*background: url(../images/plus.png) no-repeat;*/}
.phone-nav1 .subbox2 {display: none;font-size: 15px;}
.phone-nav1 .subbox2 a{ line-height: 38px; font-size: 15px; }
.phone-nav1 ul li dl dt.menuact2 {color: #2d83c2;}
.phone-nav1 ul li dl dt.menuact2 .subTitle2 {color: #338dcf;}
.phone-nav1 ul li dl dt.menuact2:before,
.phone-nav1 ul li dl dt.menuact2:after {background: #338dcf;}
.phone-nav1 ul li dl dt.menuact2:before {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
.phone-nav1 .subTitle1 {color: #3b3b3b; position: relative; line-height: 43px; border-bottom: 1px solid #f2f2f2;  /*background: url(../images/plus.png) no-repeat;*/}
.phone-nav1 .subbox1 {display: none;font-size: 15px;}
.phone-nav1 .subbox1 a{ line-height: 43px; font-size: 15px; }
.phone-nav1 ul li dl dt.menuact1 {color: #2d83c2;}
.phone-nav1 ul li dl dt.menuact1 .subTitle1 {color: #338dcf;}
.phone-nav1 ul li dl dt.menuact1:before,
.phone-nav1 ul li dl dt.menuact1:after {background: #338dcf;}
.phone-nav1 ul li dl dt.menuact1:before {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
.phone-nav1 ul li dl dt:before,
.phone-nav1 ul li dl dt:after {content: "";display: inline-block;background: #338dcf;position: absolute;z-index: 10;}
.phone-nav1 ul li dl dt:before {width: 3px;height: 13px;right: 30px;top: 15px;transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;}
.phone-nav1 ul li dl dt:after {width: 13px;height: 3px;right: 25px;top: 20px;}
.phone-nav1 ul li .navs {background: #fbfbfb;width: 100%;display: none;}
.phone-nav1 ul li .navs a {font-size: 15px;display: block;color: #666;padding-left: 0;line-height: 40px;padding: 0 15px;border-bottom: 1px solid #e6e6e6;}
.phone-nav1 ul li .navs a:last-child {margin-bottom: 0;border-bottom: none;}
.phone-nav1 ul li .navs dl{ width:100%; margin: 0 auto;line-height: 48px; border-bottom: 1px solid #f2f2f2;}
.phone-nav1 ul li .navs dl dt { padding: 0 30px; }
.phone-nav1 ul li .navs dl .subbox1 a{ padding: 0 40px; }
.phone-nav1 ul li .navs dl .subbox2 a{ padding: 0 50px; }
.phone-nav1 ul li .navs2 dl dt { padding: 0 43px; }